@import "../../../colors";
@import "../../../frameless";

$medium-and-small: "screen and (max-width : #{$mobileIntermediate}-1)";

.mod-report * {
    box-sizing: border-box;
}

.mod-report {
    margin: 100px auto;
    outline: none;
    padding: 0;
    width: 36.25rem; /* 580px; */
    user-select: none;
}

.report-modal-header {
    border-radius: 1rem 1rem 0 0;
    box-shadow: inset 0 -1px 0 0 $ui-red-dark;
    background-color: $ui-red-dark;
    padding-top: .75rem;
    width: 100%;
    height: 3rem;
    box-sizing: border-box;
}

.report-content-label {
    text-align: center;
    color: $type-white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-weight: bold;
}

.report-modal-content {
    margin: 1rem auto;
    width: 80%;
    font-size: .875rem;

    .instructions {
        line-height: 1.5rem;
    }
}
